<script src="../../../assets/js/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="../../../assets/js/bootstrap.js"></script>
<div class="tab-pane" id="events">
  <ul class="list-group no-radius m-b-none m-t-n-xxs list-group-lg no-border" >

    <li class="list-group-item" *ngFor="let personalJoinMessagelist of page.list;let i=index">
      <a class="clear" (click)="toProjectIndex(personalJoinMessagelist.id)">
        <strong class="inlines" *ngIf="personalJoinMessagelist">{{personalJoinMessagelist.title}}</strong>
        <span class="icon-eye" style=" float: right;" *ngIf="personalJoinMessagelist">{{personalJoinMessagelist.countFollow}}</span>
        <span class="icon-heart" style=" margin-right: 20px; float: right;" *ngIf="personalJoinMessagelist">{{personalJoinMessagelist.countThumbsUp}}</span>
        <small class="block m-t-sm" *ngIf="personalJoinMessagelist">{{personalJoinMessagelist.description}} </small>
        <small class="block m-t-sm" *ngIf="personalJoinMessagelist">{{personalJoinMessagelist.updateDate}}</small>
      </a>
    </li>

  </ul>

  <!-- pager -->
  <ul *ngIf="page.list && page.list.length" style="margin-left:72px" class="pagination">
    <li [ngClass]="{disabled:page.firstPage}">
      <a [ngClass]="{disabled:page.firstPage}"  (click)="setPage(0)">首页</a>
    </li>
    <li [ngClass]="{disabled:page.firstPage}">
      <a (click)="setPage(page.pageNo  - 1)">上一页</a>
    </li>
    <!--<li *ngFor="let p of page.list" [ngClass]="{active:page.pageNo  === page}">
      <a (click)="setPage(p)">{{p.}}</a>
    </li>-->
    <li [ngClass]="{disabled:page.lastPage}">
      <a (click)="setPage(page.pageNo+1)">下一页</a>
    </li>
    <li [ngClass]="{disabled:page.lastPage}">
      <a (click)="setPage(page.totalPage)">末页</a>
    </li>
  </ul>

</div>
